<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <title>酒逢知己</title>
  <link rel="stylesheet" href="index.css" />
  <link rel="stylesheet" href="../css/common.css" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
  <script src="../js/vue.js"></script>
</head>

<body>
  <script src="../js/rem.js"></script>
  <div id="app">
    <img src="../image/bj2.png" alt="" class="beijing" />
    <!-- -->
    <img src="../image/xunxian.png" alt="" class="btn animate__animated animate__pulse animate__infinite"
      @click="search" />
    <!-- iframe弹窗 -->
    <div :class="['main']" v-if="isShow">
      <div class="img-box">
        <img src="../image/delete-icon.png" alt="" class="img-box_delete" @click="close" />
        <div class="container">iframe预留</div>
      </div>
    </div>
  </div>
  <script>
    var app = new Vue({
      el: '#app',
      data: {
        isShow: false,
      },
      methods: {
        search(i) {
          this.isShow = true
        },
        close() {
          this.isShow = false
        }
      }
    })
  </script>
</body>

</html>